<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
    <script src="../js/jquery-3.3.1.min.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript">

        $(function (){
            var citys = $("#city li");
            //传统方式
            // for (var i = 0; i < citys.length; i++) {
            //     alert(i+":"+citys[i].innerHTML);
            // }

            //快速方式
            // citys.each(function (){
            //     alert(this.innerHTML);
            // })
            citys.each(function (index,element) {
                alert(index+":"+element.innerHTML);
            })
        })

    </script>
</head>
<body>
<ul id="city">
    <li>北京</li>
    <li>上海</li>
    <li>天津</li>
    <li>重庆</li>
</ul>
</body>
</html>
